<template>
	<div name="homeHero">
		<div class="homeHero">
			<div class="homeHeroLabel">
				<ul class="homeHeroLabelList">
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&h=48" alt="">
							<p>小米秒杀</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&h=48" alt="">
							<p>企业团购</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&h=48" alt="">
							<p>F码通道</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&h=48" alt="">
							<p>米粉卡</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&h=48" alt="">
							<p>以旧换新</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&h=48" alt="">
							<p>话费充值</p>
						</a>
					</li>
				</ul>

			</div>
			<div class="homeHeroBanner">
				<a href="">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/7bc54a61b927dd8c54ddd39a0acf0254.jpg?w=632&h=340" alt="">
				</a>
			</div>
			<div class="homeHeroBanner">
				<a href="">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/94c74e01afe50a86c3a87ff030b85781.jpg?w=632&h=340" alt="">
				</a>
			</div>
			<div class="homeHeroBanner">
				<a href="">
					<img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/816a66edef10673b4768128b41804cae.jpg?w=632&h=340" alt="">
				</a>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style lang="stylus" scoped>
	.homeHero
		width 100%
		height 170px
		margin-top 20px
		display flex
		margin-bottom 30px
		.homeHeroLabel
			width 234px
			height 100%
			margin-right 15px
			background-color #5f5750
			.homeHeroLabelList
				width 100%;
				height 100%
				display flex
				flex-wrap wrap
				li
					width 76px
					height 82px
					display flex
					justify-content center
					align-items center
					text-align center
					img
						width 24px
						height 24px
						margin 0 23px
					a
						color #dddddd;
					a:hover
						color #fff
				
		.homeHeroBanner
			width 316px
			height 100%
			margin-right 15px
			background-color #C1C1C1
			img
				width 100%
				height 100%
		.homeHeroBanner:last-child
			margin-right 0
			
</style>
